<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/flexi.css">
    <script src="js/vendor/modernizr-2.6.2.min.js">
    </script>
</head>
<body>
    <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

    <!-- Add your site or application content here -->
    <aside class="connectbar">
    <button id="piazzaBtn" style="display:none;" class="connectbtn rotbtnleft ir" type="submit" form="piazza_lti_form" value="Connect">
    </button>
    <form id="piazza_lti_form" name="piazza_lti_form"
      action="https://piazza.com/connect" method="post" target="iframe" encType="application/x-www-form-urlencoded">
<input type="hidden" name="oauth_body_hash" value="2jmj7l5rSw0yVb/vlWAYkK/YBwk=" id="id_oauth_body_hash" />
<input type="hidden" name="resource_link_id" value="lms-piazza-navigation-link" id="id_resource_link_id" />
<input type="hidden" name="lis_person_name_full" value="Charles Norris" id="id_lis_person_name_full" />
<input type="hidden" name="lis_person_contact_email_primary" value="charles.danger.norris@gmail.com" id="id_lis_person_contact_email_primary" />
<input type="hidden" name="user_id" value="199872" id="id_user_id" />
<input type="hidden" name="oauth_nonce" value="48f4e99e-fa3d-11e2-83cb-406c8f03207f" id="id_oauth_nonce" />
<input type="hidden" name="roles" value="Student" id="id_roles" />
<input type="hidden" name="oauth_timestamp" value="1375315189" id="id_oauth_timestamp" />
<input type="hidden" name="context_id" value="0123" id="id_context_id" />
<input type="hidden" name="oauth_consumer_key" value="piazza.sandbox" id="id_oauth_consumer_key" />
<input type="hidden" name="lti_version" value="LTI-1p0" id="id_lti_version" />
<input type="hidden" name="oauth_signature_method" value="HMAC-SHA1" id="id_oauth_signature_method" />
<input type="hidden" name="tool_consumer_instance_guid" value="lms.school.edu" id="id_tool_consumer_instance_guid" />
<input type="hidden" name="oauth_signature" value="ElAGSDwuwTmBH+oLSxDDewAsgXk=" id="id_oauth_signature" />
<input type="hidden" name="context_title" value="Excel Introduction Class" id="id_context_title" />
<input type="hidden" name="context_label" value="Excel 101" id="id_context_label" />
<input type="hidden" name="lti_message_type" value="basic-lti-launch-request" id="id_lti_message_type" />
</form>


    </aside>
    <header class="head">
        <div class="head-item">
            <a class="url home bookmark" href="dash" rel="home">
                <h1 id="site-title" class="ir logo">KAPLAN TECH SKILLS</h1>
            </a>
        </div>
        <div class="navbar head-item">
            <nav>
                 <a href="learn">Read</a>
                <a href="video_connect">Watch</a>
                <a href=connect>Connect</a>
                <a href="practice">Practice</a>
                <a href="perform">Become an Expert</a>
                <span class="searchbox">
                    <input type="text" placeholder="search"/>
                    <button class="ir">&nbsp;</button>
                </span>
            </nav>
        </div>        
    </header>
    <div id='main' class="learn">
        <article>
            <section class="control">
                <div class="learntitle">
                    <div class="learntitle-item bluetxt titletxt">Microsoft Excel Basics</div>
                    <div class="learntitle-item tselectbar">
                        <!-- span>I'd like to </span>
                        <button class="tselect rndbtn">READ</button-->
                    </div>
                </div>
                <div class="objtitle">
                    <span class="bluetxt">LEARNING OBJECTIVE:</span> 
                    <span class="titletxt">USE SUMIF TO SUM VALUES</span>
                </div>                
            </section>
            <section class="midmain learnnav">
                <!--aside class="learnnav-item">
                    <button class="ir backbtn">&nbsp;</button>
                </aside-->
                <iframe name="iframe" id="iframe" width="1000" height="800"></iframe>
            </section>
        </article>
    </div>
    
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>
    <script src="js/learn.js"></script>
     <script src="js/connect.js"></script>

    <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
    <script>
        var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
        (function (d, t) {
            var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
            g.src = '//www.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g, s)
        }(document, 'script'));
    </script>
</body>
</html>
